﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Welcome.aspx.cs" Inherits="WebApplication.Welcome" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Welcome</title>
    <script language="javascript" type="text/javascript" src="Scripts/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            function windowalign() {
                //整个网页的宽度 如果这里是window ie6and ie7 得到的是负数  
                var bodyheight = $(document).height(),
                    bodywidth = $(window).width(),  //整个网页的高度 如果这里是document ie7不会水平居中  
                    wrapwidth = $("#div").width(),  //要垂直居中的内容的宽度  
                    wrapheight = $("#div").height();  //要垂直居中的内容的高度度  
                postop = (bodyheight - wrapheight) / 5 * 1.5;  // 获取顶部的position  位于中上部
                posleft = (bodywidth - wrapwidth) / 2;  // 获取左边部的position  
                $("#div").css({ "left": posleft + "px", "top": postop + "px" });  // 设置position  
            }

            windowalign();

            $(window).resize(function () {  // 当调整窗口的时候动态修正位置  
                windowalign();
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div" style="vertical-align: middle; position: absolute; text-align: center;
        left: 0px; top: 0px;">
        <table style="width: 470px;" cellspacing="0" cellpadding="0" align="center">
            <tr>
            <td>
                <%--<img src="Images/TKE_Logo65.JPG" />--%>
                <img src="Images/logo.JPG" width="50%" />
            </td>
            </tr>
            <tr>
                <td style="line-height: 80px;">
                    <label runat="server" id="lblWelcome" style="font-family:TKTypeMedium; font-size: 35px; color:#7F7F7F;">
                        Welcome to XXXXX System</label>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
